<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<%@include file="/WEB-INF/jsp/includes/common.jsp" %>
		<%@include file="/WEB-INF/jsp/includes/head.jsp" %>
		<link href="${resUrlPrefix }css/disk/app-qiangba-disk.css" rel="stylesheet" type="text/css" />
		<script src="${resUrlPrefix }js/city.js"></script>
		<script type="text/javascript">
			var gameCode="${active.gameCode }";
			var activeId="${active.id}"
		</script>
		<!--[if IE 6]>
		<script type="text/javascript">
			document.execCommand("BackgroundImageCache", false, true);
		</script>
		<![endif]-->
	</head>
	<body>
		<div id="app-act" class="app-act">
			<jsp:include page="/WEB-INF/jsp/includes/nav.jsp" flush="false">
				<jsp:param value="true" name="activityFlag"/>
				<jsp:param value="true" name="drawFlag"/>
			</jsp:include>
			
			<!-- begin update -->
			<div class="play-disk-wrapper">
				<div class="mod-wrapper">
					<div class="mod-hd mb10">
						<div class="top-box">
							<a href="${active.image2Link }" target="_blank"><img src="${active.image2 }" width="760" height="160" />
							<div class="h5-lay"></div>
							<h5>${active.activeName }</h5>
							</a>
						</div>
					</div>
					<div class="mod-bd">
						<div class="content">
							<div class="play-disk clearfix">
								<div class="play-main fl">
									<div class="i-disk">
										<div class="implant-wrapper">
									<div id="disk" class="disk-wrapper i-disk disk-450">
										<div class="box-disk box-disk-tp">
											<i class="box-disk-edge tp-left">&nbsp;</i>
											<i class="box-disk-edge tp-right">&nbsp;</i>
										</div>
										<div class="box-disk-cont">
											<div class="table-wrapper">
												<table>
													<tbody>
														<tr>
															<td>
																<img src="${jiuGongGeEx0.awardImage }" width="100" height="75" />
																<span>${jiuGongGeEx0.awardName }</span>
															</td>
															<td>
																<img src="${jiuGongGeEx1.awardImage }" width="100" height="75" />
																<span>${jiuGongGeEx1.awardName }</span>
															</td>
															<td>
																<img src="${jiuGongGeEx2.awardImage }" width="100" height="75" />
																<span>${jiuGongGeEx2.awardName }</span>
															</td>
														</tr>
														<tr>
															<td>
																<img src="${jiuGongGeEx7.awardImage }" width="100" height="75" />
																<span>${jiuGongGeEx7.awardName }</span>
															</td>
															<td class="disk-btn-center">
																<span class="disk-btn disk-btn-start link hand" id="disk-start">
																<c:if test="${gCost==0 }">
																	<em>立即</em>
																	<i>抽奖</i>
																</c:if>
																<c:if test="${gCost!=0 }">
																	<em>${gCost }G</em>
																	<i>抽奖</i>
																</c:if>
																	
																</span>
															</td>
															<td>
																<img src="${jiuGongGeEx3.awardImage }" width="100" height="75" />
																<span>${jiuGongGeEx3.awardName }</span>
															</td>
														</tr>
														<tr>
															<td>
																<img src="${jiuGongGeEx6.awardImage }" width="100" height="75" />
																<span>${jiuGongGeEx6.awardName }</span>
															</td>
															<td>
																<img src="${jiuGongGeEx5.awardImage }" width="100" height="75" />
																<span>${jiuGongGeEx5.awardName }</span>
															</td>
															<td>
																<img src="${jiuGongGeEx4.awardImage }" width="100" height="75" />
																<span>${jiuGongGeEx4.awardName }</span>
															</td>
														</tr>
													</tbody>
												</table>
											</div>
										</div>
										<div class="box-disk box-disk-bt">
											<i class="box-disk-edge bt-left">&nbsp;</i>
											<i class="box-disk-edge bt-right">&nbsp;</i>
										</div>
									</div>

										</div>
									</div>
									<div class="disk-tip-box" id="diskTipBox" style="display: none;">
										<div class="disk-tip">
											<p class="clearfix">
												<img src="${resUrlPrefix }/images/tip1.png" />
												<span class="tip-info">恭喜您！您中奖了！</span>
											</p>
											<p>
												<a href="javascript:void(0)" class="sure-btn ___closeBox">确定</a>
											</p>
										</div>
									</div>
									<div class="cont-article3 mt10">
										<div class="a-title">
											<h4>获奖用户</h4>
										</div>
										<div class="a-main clearfix">
											<div class="cont-wrapper">
											<c:if test="${topWinnerList.size()>0}">
												<div class="cont">
													<c:forEach var="winner" begin="0" end="${topWinnerList.size() }" items="${topWinnerList}">
														<p>
															<a title="${winner.nickname }" href="javascript:void(0);" hidefocus="true">${winner.nickname}</a>
															<span>${winner.winTimeStr }中了</span>
															<em>${winner.awardName }</em>
														</p>	
													</c:forEach>
												</div>
											</c:if>
											<c:if test="${topWinnerList.size()==0}">
												<div class="no-cont">暂时无中奖名单</div>
											</c:if>
											</div>
										</div>
									</div>
									<c:if test="${ruleList.size() > 0}">
										<div class="cont-article3 mt10">
										
											<div class="a-title">
												<h4>参与条件</h4>
											</div>
											<div class="discribe-content">
												<c:forEach var="rule" items="${ruleList}" varStatus="idx">
													<p>${idx.index+1}、${rule.memo}。</p>
												</c:forEach>
											</div>
										</div>
									</c:if>
									<div class="cont-article3 mt10">
										<div class="a-title">
											<h4>活动介绍</h4>
										</div>
										<div class="discribe-content1">
											<p>${active.introduce }</p>
										</div>
									</div>
								</div>
								<div class="play-aside fr">
									<div class="box-tp">&nbsp;</div>
									<div class="box-cont">
										<div class="cont-article">
											<div class="a-title mb10">
												<h4>主题游戏</h4>
											</div>
											<div class="a-main">
												<div class="section">
													<div class="img-wrapper fl">
														<img src="${frontGameInfo.iconLink}" width="48" height="48" />
													</div>
													
													<div class="row">
														<span id="focusSpan">
															<c:if test="${focus }">
																<a href="javascript:void(0);" data="${focus }" class="no-care">已关注</a>
															</c:if>
															<c:if test="${!focus }">
																<a href="javascript:void(0);" data="${focus }" onclick="focusMe()" class="care">关注</a>
															</c:if>
														</span>
														<label>合作游戏：</label>
														<span>${active.gameName }</span>
													</div>
													<div class="row">
														<label>游戏类型：</label>
														<span>
															<c:if test="${active.gameType == null or active.gameType=='' }">
																无
															</c:if>
															<c:if test="${active.gameType != null and  active.gameType!='' }">
																${active.gameType}
															</c:if>
														
														</span>
													</div>
													
												</div>
												<div class="section mt10">
													<p>
														<label>游戏运营：</label>
														<span>
														<c:if test="${active.gameComOp == null or active.gameComOp=='' }">
															无
														</c:if>
														<c:if test="${active.gameComOp != null and  active.gameComOp!='' }">
															${active.gameComOp}
														</c:if>
														</span>
														
													</p>
													<p>
														<label>开发公司：</label>
														<span>
														<c:if test="${active.gameComRd == null or active.gameComRd=='' }">
															无
														</c:if>
														<c:if test="${active.gameComRd != null and active.gameComRd!='' }">
															${active.gameComRd}
														</c:if>
														</span>
														
													</p>
													<p>
														<label>游戏官网：</label>
														<span>
														<c:if test="${active.gameNet == '' or active.gameNet == null}">
															无
														</c:if>
														
														<c:if test="${active.gameNet != null  and active.gameNet != ''} ">
															<a href="${active.gameNet}" target="_blank">${active.gameNet}</a>
														</c:if>
														</span>
													</p>
													<p>
														<span>
														<c:if test="${active.gameChannel == null or active.gameChannel=='' }">
															<a style="color: #717E86;">游戏专区</a>
														</c:if>
														<c:if test="${active.gameChannel != null and active.gameChannel!=''}">
															<a href="${active.gameChannel}" target="_blank">游戏专区</a>
														</c:if>
														<c:if test="${active.gameDown == null or active.gameDown == ''}">
															<a style="color: #717E86;">游戏下载</a>
														</c:if>
														<c:if test="${active.gameDown != null and active.gameDown != ''}">
															<a href="${active.gameDown }" target="_blank">游戏下载</a>
														</c:if>
														<c:if test="${active.gameBBS == null or active.gameBBS=='' }">
															<a style="color: #717E86;">游戏论坛</a>
														</c:if>
														<c:if test="${active.gameBBS != null and active.gameBBS != ''}">
															<a href="${active.gameBBS }" target="_blank">游戏论坛</a>
														</c:if>
															<a href="http://hao.17173.com/gift-list.html?game_code=${active.gameCode }" target="_blank">发号平台</a>
															<a href="http://17173.tv.sohu.com/list/?sc=${active.gameCode }" target="_blank">游戏视频</a>
														</span>
													</p>
												</div>
											</div>
										</div>
										<div class="cont-article1 mt10">
											<div class="a-title">
												<h4>游戏资讯</h4>
											</div>
											<div class="a-main">
												<c:forEach var="news" items="${gameNews }">
												<p><a href="${news.url }" title="${news.strValue }" target="_blank" hidefocus="true" >${news.strValue }</a></p>
												</c:forEach>
											</div>
										</div>
										<div class="cont-article2 mt10">
											<div class="a-title">
												<h4>游戏视频</h4>
											</div>
											<div class="a-main">
												<ul class="clearfix">
													<c:forEach var="video" items="${videoInfoList }">
													<li>
														<a href="${video.videoLink}" target="_blank">
															<img src="${video.videoPicLink }" width="120" height="70" />
														</a>
														<a href="${video.videoLink}" title="${video.videoTitle }" target="_blank">
															${video.videoTitle }
														</a>
													</li>
													</c:forEach>
													
												</ul>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- end update -->
			</div>
		</div>
		
		<script type="text/javascript" src="${resUrlPrefix }js/disk/disk.js"></script>
		<script type="text/javascript" src="${resUrlPrefix }js/play.js"></script>
		<script type="text/javascript" src="${resUrlPrefix }js/disk/playdisk.js"></script>
		
		<script type="text/javascript">
		<c:if test='${active.activeIsEnd}'>
			activeFinished();
		</c:if>
		</script>
	</body>
</html>
	